
.selected{
    color: var(--bgcolor);
}

:root{
    --bgcolor: #f6ac31;
    --van-tabbar-height : 60px;
    --van-tabbar-item-font-size:11px;
    --van-tabbar-item-icon-size:28px;
    --van-tabbar-item-active-color: #ff5f16;;
    --van-tabbar-item-text-color:#3c3d41;
    --van-dialog-font-size:38px;
    --van-dialog-message-font-size:50px;
    --van-search-background:#fff;
    --van-overlay-background: rgba(177, 174, 174, 0.8);
    --van-field-placeholder-text-color:#838485;

    /*-ms-overflow-style: none;  !* IE 和 Edge *!*/
    /*scrollbar-width: none;  !* Firefox *!*/
    /*scrollbar-height:none;*/
    
}
/* 全局样式设置滚动条宽度为0，隐藏滚动条 */
html {
    scrollbar-width: thin; /* 或者使用 'none' 来完全隐藏 */
    scrollbar-color: transparent transparent; /* 设置滚动条的颜色为透明 */
}

/* 确保上述样式具有足够的优先级 */
/* 标准语法 */
element::-webkit-scrollbar {
    width: 12px;  /* 对于Webkit浏览器 */
    scrollbar-width: thin;  /* 对于其他可能支持的浏览器 */
}

/* 特性检测示例 */
@supports (scrollbar-width: thin) {
    element::-webkit-scrollbar {
        width: 12px;
        scrollbar-width: thin;
    }
}

/* 隐藏滚动条，但仍可以滚动 */
.hide-scrollbar {
    -ms-overflow-style: none; /* IE 和 Edge */
    scrollbar-width:none; /* Firefox */
}
/* 对于Chrome, Safari和Opera等Webkit浏览器 */
::-webkit-scrollbar {
    display: none;
}

/* 隐藏滚动条 */
body ::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}